﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />

    <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>
    <script src="/bootstrap/js/bootstrap.js"></script>     

    <!--SyntxHighliter -->
    <link href="../../Content/SyntaxHighlighter/Styles/SyntaxHighlighter.css" rel="stylesheet"type="text/css" />
    <script src="../../Content/SyntaxHighlighter/Scripts/shCore.js" type="text/javascript"></script>
    <script src="../../Content/SyntaxHighlighter/Scripts/shBrushCSharp.js" type="text/javascript"></script>

    @RenderSection("head", false);

</head>

  <body>
        <div class="navbar">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" href="#">ASP.NET MVC UI</a>
                    <ul class="nav">
                        <li class="active"><a href="/">Home</a></li>
                        <li>@Html.ActionLink("Panel","Panel","UI") </li>
                        <li>@Html.ActionLink("Accordion","Accordion","UI")</li>
                        <li>@Html.ActionLink("Tab","Tab","UI")</li>
                        <li><a href="#">Menu</a></li>
                    </ul>
                </div>
            </div>
        </div>  
      <div class="container">
            <h3>Styling</h3>
          <div id="switcher" style="margin-bottom:20px">
          </div>
          <div style="height: 400px">
              @RenderBody()
          </div>
          <script type="text/javascript">
              $(document).ready(function () {
                  $('#switcher').themeswitcher();
              });

          </script>
          <div style="margin-bottom: 150px">
          </div>
          <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/">
          </script>
      </div>
    </body>
</html>
